<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>Insert title here</title>
		<link rel="stylesheet" href="./layui/css/layui.css">
		<script type="text/javascript" src="./layui/layui.js"></script>
		<script type="text/javascript" src="js/global.js"></script>
	</head>

	<body>
		<table id="demo" lay-filter="test"></table>
		<script type="text/html" id="barDemo">
			<!--<a class="layui-btn layui-btn-xs" lay-event="follow">跟踪日志</a>-->
			<a class="layui-btn layui-btn-xs" lay-event="check">查看</a>
		</script>
		<script>
			layui.use(['table'], function() {
				var table = layui.table;
				var $ = layui.jquery; //引入jquery
				//解决跨域
				$.ajaxPrefilter(function(options, originalOptions, jqXHR) {
					options.xhrFields = {
						withCredentials: true
					}
				})
				//第一个实例
				table.render({
					elem: '#demo'
						//	    ,toolbar : '#toolbarDemo'//开启头部栏工具
						,
					url: globalData.server + './message/getAll?askerName=' + globalData.getUserName() //数据接口
						,
					page: true //开启分页
						,
					method: 'POST'
						//	    ,id:'testReload'
						,
					cols: [
						[ //表头
							{
								field: 'loginName',
								title: '发送人',
								width: 120,
								align: 'center'
							}, {
								field: 'sentTime',
								title: '发送时间',
								width: 180,
								align: 'center'
							}, {
								field: 'state',
								title: '是否已读',
								width: 180,
								align: 'center'
							}, {
								field: 'right',
								title: '操作',
								toolbar: '#barDemo',
								align: 'center',
								width: 150
							}
						]
					]
				});
				//监听工具条
				table.on('tool(test)', function(obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
					var data = obj.data; //获得当前行数据
					var $ = layui.jquery; //引入jqueryd
					if(obj.event === 'check') { //查看详情
						$.ajax({
								type: "post",
								url: globalData.server + "./message/update", //据登录名查询是否该签到
								dataType: "json",
								data: {
									'id': obj.data.id
								},
								//									success: function(data1) { //再去判断是否已经签到
								//										if(data1.count >0) { //=0未签到 追加
								//											
								//										}
								//									}

							}),
							layer.open({ //打开一个页面
								type: 2, //在当前页面之上以弹框的形式，展示编辑页面
								area: ['500px', '550px'], //页面宽高
								content: 'message-check.html', //页面所在位置
								title: '您正在查看' + obj.data.loginName + '发送的信息',
								success: function(layero, index) {
									var body = layer.getChildFrame('body', index);
									body.contents().find("#stuName").val(obj.data.stuName);
									body.contents().find("#loginName").val(obj.data.loginName);
									body.contents().find("#sentContent").val(obj.data.sentContent);
								},
								end: function() {
									window.location.reload(); //当窗口关闭后刷新页面
								}
							});
					}
				});

			});
		</script>
	</body>

</html>